<!DOCTYPE html>
<!--
    定义和用法:
    <!DOCTYPE html> 声明必须是HTML文档的第一行,位于<html> 标签之前;
    <!DOCTYPE> 声明不是 HTML标签；它是指示web浏览器关于页面使用哪个 HTML版本进行编写的指令。
    在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，
    这样浏览器才能正确地呈现内容。(Standard Generalized Markup Language(SGML即标准通用置标语言))
    提示：请始终向HTML文档添加 <!DOCTYPE>声明，这样浏览器才能获知文档类型。
-->
<html lang="en">
<head>
    <!--
        <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
        <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
    -->
    <!--
        HTML 与 XHTML 之间的差异:
        在 HTML 中，<meta> 标签没有结束标签。
        在 XHTML 中，<meta> 标签必须被正确地关闭。
    -->
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>大标题</h1>
<!--<h2,h3,h4,h5,h6>-->
<p>文本节点</p>
<hr><!--横线-->
<ol><!--有序列表-->
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>
<ul><!--无序列表-->
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
<!--
    定义和用法:
  <dl> 标签定义了定义列表（definition list）。
  <dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
-->
<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器 ... ...</dd>
    <dt>显示器</dt>
    <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
<!--
    定义和用法:
    <table> 标签定义 HTML 表格。
    简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
    tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
    更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
-->
<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
<!--
    定义和用法:
    <form> 标签用于为用户输入创建 HTML 表单。
    表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
    表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
    表单用于向服务器传输数据。
-->
<form action="form_action.asp" method="get">
    <p>First name: <input type="text" name="fname" /></p>
    <p>Last name: <input type="text" name="lname" /></p>
    <input type="submit" value="Submit" />
</form>
<!--
    定义和用法:
    <a> 标签定义超链接，用于从一张页面链接到另一张页面。
    <a> 元素最重要的属性是 href 属性，它指示链接的目标。
    在所有浏览器中，链接的默认外观是：
        未被访问的链接带有下划线而且是蓝色的
        已被访问的链接带有下划线而且是紫色的
        活动链接带有下划线而且是红色的
-->
<a href="http://www.w3school.com.cn">W3School</a>
<!--
    定义和用法:
    <audio> 标签定义声音，比如音乐或其他音频流
-->
<audio src="someaudio.wav">
    您的浏览器不支持 audio 标签。
</audio>
<!--
    定义和用法:
    <br> 可插入一个简单的换行符。
    <br> 标签是空标签（意味着它没有结束标签，因此这是错误的：
        <br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
    请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，
        通常会在相邻的段落之间插入一些垂直的间距。
-->
<br>
<!--
    定义和用法
    <button> 标签定义一个按钮。
    在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
    <button> 控件 与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容。<button> 与 </button>
    标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
    例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
    唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
    请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。
-->
<button type="button">Click Me!</button>
<!--
    定义和用法:
    caption 元素定义表格标题。
    caption 标签必须紧随 table 标签之后。
    您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
-->
<table border="6">
    <caption>我的标题</caption>
    <tr>
        <td>100</td>
        <td>200</td>
        <td>300</td>
    </tr>
    <tr>
        <td>400</td>
        <td>500</td>
        <td>600</td>
    </tr>
</table>
<!--
    定义和用法:
    <dir> 标签定义目录列表。
-->
<dir>
    <li>html</li>
    <li>xhtml</li>
    <li>css</li>
</dir>
<!--

-->
<div style="color:#00FF00">
    <h3>This is a header</h3>
    <p>This is a paragraph.</p>
</div>
<img/>
<!--
    定义和用法:
    <link> 标签定义文档与外部资源的关系。
    <link> 标签最常见的用途是链接样式表。
    用在head 标签中;
-->
<link rel="stylesheet" type="text/css" href="theme.css" />
<!--
    定义和用法:
    <textarea> 标签定义多行的文本输入控件。
    文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。
    可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。
    注释：在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）进行分隔。
    提示：可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。有关 wrap 属性的详细信息。
-->
<textarea rows="13" cols="50"><!-- 高.宽-->
在w3school，你可以找到你所需要的所有的网站建设教程。
</textarea>
<!--
    定义和用法:
    select 元素可创建单选或多选菜单。
    <select&> 元素中的 <option> 标签用于定义列表中的可用选项。
-->
<select>
    <option value ="volvo">Volvo</option>
    <option value ="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>
<!--
    定义和用法:
    <video> 标签定义视频，比如电影片段或其他视频流。
-->
<video src="/i/movie.ogg" controls="controls">
    your browser does not support the video tag
</video>
<!--
    跨行使用的是rowSpan
-->
<table width="200"border="1">
    <tr>
        <td rowspan="2">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
<!--
    跨列使用的是colspan
-->
<table width="200" border="1">
<tr>
    <td colspan="3">&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
</table>
</body>
</html>
